$(function () {
    init();
    function init() {
        eventList();
        load_data();
    }
    function eventList() {
        $('#search_btn').on('tap',function(){
            var search_txt = $("#search_inp").val().trim();
            if(!search_txt){
                mui.toast("输入非法",{duration:'50ms'});
                return;
            }
            // 本地存储的语法
            var arr = localStorage.getItem('lt_history')?JSON.parse(localStorage.getItem('lt_history')):[];
            arr.forEach(function (v,i){
                if(v == search_txt){
                    arr.splice(i,1);
            }
        });

        arr.unshift(search_txt);

        var arrJson = JSON.stringify(arr);
        localStorage.setItem('lt_history',arrJson);
        location.href = './searchList.html?proName='+search_txt;

        })
        $('.clear_btn').on('tap',function () {
            localStorage.removeItem("lt_history");
            load_data();
            
        })
        $(".history_content").on("tap", ".remove_btn", function () {
            // console.log(123);
            // 要删除的元素的索引
            var index = $(this).data("index");
            // console.log(index);

            // 获取本地数据 数组
            var arr = localStorage.getItem("lt_history") ? JSON.parse(localStorage.getItem("lt_history")) : [];

            // 删除一个元素
            arr.splice(index, 1);

            // 重新保存
            localStorage.setItem("lt_history", JSON.stringify(arr));

            // 重新渲染
            load_data();
        })
    }
    function load_data() {
        // arr 正常的数组 或者 空数组 []
        var arr = localStorage.getItem("lt_history") ? JSON.parse(localStorage.getItem("lt_history")) : [];
        // 渲染数据
        // console.log(typeof JSON.stringify(arr));
        
        if (arr.length == 0) {
            // 当长度为0的时候 直接渲染成空!!! 
            $(".history_content").html("");
            return;
        }

        var html = template("mainTpl", { arr: arr });
        $(".history_content").html(html);

    }
})